// pages/login/login.js
import { server } from "../../utils/config.js";
// jwt工具
const { setJwt } = require("../../utils/jwt.js");

Page({

    /**
     * 页面的初始数据
     */
    data: {
        server: server,
        buttonPlace: "top", //按钮组位置，适配长短屏幕
    },

    /**
     * 微信登录
     */
    wechatLoginClick() {
        wx.login({
            success: (res) => {
                wx.fetch({
                        url: "/login",
                        method: "POST",
                        data: {
                            jscode: res.code
                        },
                        toast: false
                    })
                    .then(res => {
                        setJwt(res.data.token);
                        wx.reLaunch({
                            url: "/pages/index/index"
                        });
                    })
                    .catch(err => {
                        wx.showModal({
                            title: '登录失败',
                            content: err.message
                        })
                    });
            },
            fail: () => {
                wx.showModal({
                    title: '登录异常',
                    content: '似乎出现了一点小问题，但不要着急，您可以尝试完全退出小程序或微信，重新打开小程序并重试喔~'
                })
                wx.hideLoading();
            }
        })
    },
    /**
     * 手机号登录
     */
    phoneLoginClick() {},

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        //获取设备信息
        const sys = wx.getWindowInfo();
        //获取设备的屏幕宽高
        const screenWidth = sys.screenWidth;
        const screenHeight = sys.screenHeight;
        //计算屏幕宽高比
        const aspectRatio = screenWidth / screenHeight;
        //若长大于登录宽的一半，置按钮于底部，不会遮挡下层图片的脸，以保证观感
        if (aspectRatio >= 0.5) {
            this.setData({
                buttonPlace: "bottom"
            })
        } else {
            this.setData({
                buttonPlace: "top"
            })
        }
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})